<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>大东电玩城后台操作系统</title>
		<script src="js/mui.min.js"></script>

		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="css/support.css" rel="stylesheet" />

		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
		<script type="text/javascript" charset="utf-8">
			mui.init();
		</script>
	</head>

	<body>
		<div class="mui-content">
			<header id="wetitle" class="mui-bar mui-bar-nav">
			</header>
			<div class="mui-content mui-scroll-wrapper">
				<div class="mui-content">
					<div id="weheader" >
						<div class="mui-row" style="background: lightgray;">
							<div class="mui-text-center" style="float: left; margin: 20px;"><b>测试账号</b></div>
							<button id="logout" class="mui-btn mui-btn-red we-icon-font icon-logout02" style="float: right; margin: 10px;"></button>
							<a class="mui-btn mui-btn-green we-icon-font icon-refresh" href="index.html" style="float: right; margin: 10px;"></a>
						</div>
					</div>
					<ul class="mui-table-view mui-card mui-row" style="margin-top: 10px;">
					    <li class="mui-table-view-cell mui-media mui-collapse mui-active">
					        <a class="mui-navigate-right">今日数据</a>
							<div class="mui-collapse-content">
								<p class='mui-pull-left'>新增用户</p>
								<p class='mui-pull-right'>102</p>
							</div>
							
							<div class="mui-collapse-content">
								<p class='mui-pull-left'>平台总用户</p>
								<p class='mui-pull-right'>102118</p>
							</div>
							
							<div class="mui-collapse-content">
								<p class='mui-pull-left'>当前在线人数</p>
								<p class='mui-pull-right'>122</p>
							</div>
							
							<div class="mui-collapse-content">
								<p class='mui-pull-left'>今日充值</p>
								<p class='mui-pull-right'>12055</p>
							</div>
					    </li>
					    <li class="mui-table-view-cell mui-media mui-collapse">
					        <a class="mui-navigate-right">历史数据</a>
							<div class="mui-collapse-content">
								<p class='mui-pull-left'>注册时间</p>
								<p class='mui-pull-right'>2017/1/20</p>
							</div>
					    </li>
					</ul>
				</div>
				<div id="wefooter"></div>
			</div>
		</div>

		<script src="js/support.js"></script>
		<script src="js/frame.js"></script>

		<script type="text/javascript" charset="utf-8">
			support.tapbind(mui('#wefooter'));
			support.tapbind(mui('#weheader'));
			document.getElementById("logout").addEventListener('tap', function() {
				window.location.href = "/logout";
				//mui.toast("这个是退出登陆");
			});
			
			(function($){
				frame.title({
					node: document.getElementById("wetitle"), 
				});
   				frame.footer({
					node: document.getElementById("wefooter"), 
					index: 1
   				});
   				window.localStorage.account = "测试账号";
			})(mui);
		</script>
	</body>

</html>